<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="MSSmartTagsPreventParsing" content="True" />
<meta http-equiv="MSThemeCompatible" content="Yes" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link href="xiuno.css" type="text/css" rel="stylesheet" />
<link href="icon.css" type="text/css" rel="stylesheet" />
</head>
<body>
<style type="text/css">
	.row div{margin:4px; width:15%; float:left; text-align:left;}
	.center {margin:0px auto; text-align:center;}
	h2 {color:green; margin-top: 16px;}
	.icon {font-size: 14px; width: 20px; height: 20px; color: #000000;}
</style>
<div class="center">

	<h2 class="page-header">所有图标</h2>
	
	<p>详细查看：<a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">http://fortawesome.github.io/Font-Awesome/icons/ </a></p>
	
	<br>
	
	<div class="row " id="div1"> </div>
</div>


</body>
<script src="jquery-1.11.1.min.js" type="text/javascript" ></script>
<script>
var icons = "glass music search envelope-o heart star star-o user film th-large th th-list check times close search-plus search-minus power-off signal gear cog trash-o home file-o clock-o road download arrow-circle-o-down arrow-circle-o-up inbox play-circle-o rotate-right repeat refresh list-alt lock flag headphones volume-off volume-down volume-up qrcode barcode tag tags book bookmark print camera font bold italic text-height text-width align-left align-center align-right align-justify list dedent outdent indent video-camera picture-o pencil map-marker adjust tint edit pencil-square-o share-square-o check-square-o arrows step-backward fast-backward backward play pause stop forward fast-forward step-forward eject chevron-left chevron-right plus-circle minus-circle times-circle check-circle question-circle info-circle crosshairs times-circle-o check-circle-o ban arrow-left arrow-right arrow-up arrow-down mail-forward share expand compress plus minus asterisk exclamation-circle gift leaf fire eye eye-slash warning exclamation-triangle plane calendar random comment magnet chevron-up chevron-down retweet shopping-cart folder folder-open arrows-v arrows-h bar-chart-o twitter-square facebook-square camera-retro key gears cogs comments thumbs-o-up thumbs-o-down star-half heart-o sign-out linkedin-square thumb-tack external-link sign-in trophy github-square upload lemon-o phone square-o bookmark-o phone-square twitter facebook github unlock credit-card rss hdd-o bullhorn bell-o certificate hand-o-right hand-o-left hand-o-up hand-o-down arrow-circle-left arrow-circle-right arrow-circle-up arrow-circle-down globe wrench tasks filter briefcase arrows-alt group users chain link cloud flask cut scissors copy files-o paperclip save floppy-o square bars list-ul list-ol strikethrough underline table magic truck pinterest pinterest-square google-plus-square google-plus money caret-down caret-up caret-left caret-right columns unsorted sort sort-down sort-asc sort-up sort-desc envelope linkedin rotate-left undo legal gavel dashboard tachometer comment-o comments-o flash bolt sitemap umbrella paste clipboard lightbulb-o exchange cloud-download cloud-upload user-md stethoscope suitcase bell coffee cutlery file-text-o building-o hospital-o ambulance medkit fighter-jet beer h-square plus-square angle-double-left angle-double-right angle-double-up angle-double-down angle-left angle-right angle-up angle-down desktop laptop tablet mobile-phone mobile circle-o quote-left quote-right spinner circle mail-reply reply github-alt folder-o folder-open-o smile-o frown-o meh-o gamepad keyboard-o flag-o flag-checkered terminal code reply-all mail-reply-all star-half-empty star-half-full location-arrow crop code-fork unlink chain-broken question info exclamation superscript subscript eraser puzzle-piece microphone microphone-slash shield calendar-o fire-extinguisher rocket maxcdn chevron-circle-left chevron-circle-right chevron-circle-up chevron-circle-down html5 css3 anchor unlock-alt bullseye ellipsis-h ellipsis-v rss-square play-circle ticket minus-square minus-square-o level-up level-down check-square pencil-square external-link-square share-square compass toggle-down caret-square-o-down toggle-up caret-square-o-up toggle-right caret-square-o-right euro eur gbp dollar usd rupee inr cny rmb ruble rouble won krw bitcoin btc file file-text sort-alpha-asc sort-alpha-desc sort-amount-asc sort-amount-desc sort-numeric-asc sort-numeric-desc thumbs-up thumbs-down youtube-square youtube xing xing-square youtube-play dropbox stack-overflow instagram flickr adn bitbucket bitbucket-square tumblr tumblr-square long-arrow-down long-arrow-up long-arrow-left long-arrow-right apple windows android linux dribbble skype foursquare trello female male gittip sun-o moon-o archive bug vk weibo renren pagelines stack-exchange arrow-circle-o-right arrow-circle-o-left toggle-left caret-square-o-left dot-circle-o wheelchair vimeo-square turkish-lira try plus-square-o cuniform-top cuniform-bottom".split(' ');
var s = '';
for(var i=0; i<icons.length; i++) {
	s += '<div><i class="icon '+icons[i]+'"></i> icon '+icons[i]+'</div>';
}
$('#div1').html(s);

</script>
</html>
